Koxp 1815,ChaosKoxp 1815,1815 koxp,ProKoxp 1815,GG Hack 1815,TT Hack 1815,Knight Online,Koxp indir

Css Tasarımları

YEŞİL YAPRAKLI CSS TASARIM

TASARIM ÜSTÜ

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /*----------------------------------------- CSS Document | Acorn Design Coded by: Niki Liu (www.netapon.com) Contents: - Settings for everyone! - Miscellaneous elements - Layout elements -------------------------------------------*/ /* Settings for everyone! */ * { margin: 0; padding: 0; border: 0; } a:link, a:active, a:visited { color: #ae8157; text-decoration: underline; } a:hover { color: #ae8157; text-decoration: none; } p { line-height: 1.8em; padding: 0 40px 15px 40px; } h2 { text-transform: lowercase; font-weight: bold; font-size: 1.7em; color: #ae8157; padding: 10px 40px 10px 40px; } /* Miscellaneous elements */ .left { float: left; } .right { float: right; } /* Layout elements */ body { background: #000 url(https://img.webme.com/pic/k/koddeniyelim/leaves.gif) top repeat-x; font-family: Georgia, Verdana, sans-serif; font-size: 10px; } #wrapper { width: 684px; margin: 0 auto; overflow: hidden; } #header { width: 684px; } #header #leaves { background: url(http://www.hizliupload.com/img/626146headerLeaves.png) no-repeat; display: block; position: relative; left: 159px; width: 189px; height: 58px; } #header h1 { background: url(http://www.hizliupload.com/img/506262header.jpg) no-repeat; text-indent: -9999px; position: relative; left: 59px; width: 549px; height: 126px; } #menu { background: url(http://www.hizliupload.com/img/59322wood.jpg) no-repeat; position: relative; width: 684px; height: 59px; } #menu #ladybug { background: url(https://img.webme.com/pic/k/koddeniyelim/ladybug.png) no-repeat; position: absolute; z-index: 1; top: -13px; right: 50px; width: 35px; height: 35px; } #menu ul { list-style: none; position: absolute; bottom: 0 !important; bottom: -1px; left: 23px; } #menu li { background: url(https://img.webme.com/pic/k/koddeniyelim/tabOff.gif) repeat-x; float: left; height: 28px; margin: 0 10px 0 0; } #menu a { background: url(http://www.hizliupload.com/img/883560tabOff.gif) top left no-repeat; display: block; float: left; text-decoration: none; text-transform: lowercase; font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 1.8em; color: #ad8056; height: 28px; } #menu a span { background: url(https://img.webme.com/pic/k/koddeniyelim/cRtabOff.gif) top right no-repeat; display: block; padding: 4px 12px 0 12px; } #menu a:hover, #menu a.hilite { background: #fff url(https://img.webme.com/pic/k/koddeniyelim/cLtabOn.gif) no-repeat; color: #000; } #menu a:hover span, #menu a.hilite span { background: url(https://img.webme.com/pic/k/koddeniyelim/cRtabOn.gif) top right no-repeat; } #content { background: #fff url(https://img.webme.com/pic/k/koddeniyelim/cTLcontent.gif) top left no-repeat; width: 684px; overflow: hidden; } #contentA { background: url(https://img.webme.com/pic/k/koddeniyelim/cTRcontent.gif) top right no-repeat; } #contentB { background: url(https://img.webme.com/pic/k/koddeniyelim/cBLcontent.gif) bottom left no-repeat; } #contentC { background: url(https://img.webme.com/pic/k/koddeniyelim/cBRcontent.gif) bottom right no-repeat; } #content #main { float: left; font-size: 1.4em; width: 444px; margin: 20px 0 0 0; } #content #side { background: #503112 url(https://img.webme.com/pic/k/koddeniyelim/acorn.gif) center center no-repeat; float: right; width: 200px; min-height: 100px; margin: 30px 20px; } #content #sideA { background: url(https://img.webme.com/pic/k/koddeniyelim/cTLside.gif) top left no-repeat; } #content #sideB { background: url(https://img.webme.com/pic/k/koddeniyelim/cTRside.gif) top right no-repeat; } #content #sideC { background: url(https://img.webme.com/pic/k/koddeniyelim/cBLside.gif) bottom left no-repeat; } #content #sideD { background: url(https://img.webme.com/pic/k/koddeniyelim/cBRside.gif) bottom right no-repeat; } #content #side a { color: #f7dbc6; } #content #side p { font-family: Verdana, Georgia, sans-serif; font-size: 1em; color: #f1c19d; padding: 0 15px 15px 15px; } #content #side h2 { text-align: center; text-transform: uppercase; font-weight: lighter; font-family: Arial, Verdana, sans-serif; font-size: 1.2em; letter-spacing: .2em; color: #fff; padding: 20px 20px 10px 20px; } #content #side #cleanup { width: 100%; height: 23px; clear: both; } #content #clear { width: 100%; height: 50px; clear: both; } #footer { width: 684px; height: 120px; text-align: center; font-family: Verdana, Georgia, sans-serif; font-size: 1.2em; color: #f1c0a0; } #footer a { color: #f1c0a0; } #footer p { margin: 10px 0; }

SÜPER GLOBAL TEMA(HABER SİTELERİ İÇİN İDEAL)

TASARIM ÜSTÜ

<div id="wrapper1"> <div id="header"> <div id="title"> <h1><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Global</a></h1> <span><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">www.your-url.com</a></span> </div> <div id="topnav"> <ul class="menu"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 1</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 2</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 3</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Page 4</a></li> </ul> </div> </div> <div id="wrapper2"> <div id="sidebar"> <h2>Latest News</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Now comes the latest headline.</a><span>Posted by webmasterneo on 07.08.2007</span></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">This is headline number two.</a><span>Posted by MLP on 04.19.2007</span></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Followed by the first headline, number one.</a><span>Posted by MLP on 04.17.2007</span></li> </ul> <h2>Categories</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Suspendisse potenti.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Proin sed pede.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Nullam at metus.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Pellentesque placerat sagittis nisi.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">In cursus mi posuere augue.</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Curabitur varius commodo eros.</a></li> </ul> <h2>Blogroll</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">The Open Design Community</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">MLP Design</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">TextLink Ads</a></li> </ul> </div> <div id="content">

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Theme Name: Global (mlpdesign06) Theme URI: http://www.mlpdesign.net/ Version: 1.0 Author: Maica L. Policarpio Author URI: http://www.mlpdesign.net/ */ /* Global Settings */ body { background:url(https://img.webme.com/pic/k/koddeniyelim/bg-body.gif) repeat-x #fff; color:#666; font:normal 12px Arial,sans-serif; text-align:center; padding:0; margin:0; } h1,h2,h3,p,li { text-align:left; } a { background-color:inherit; color:#399; text-decoration:none; } ul { list-style:none; padding:1px; margin:17px 0 10px 15px; } ul li { background: url(https://img.webme.com/pic/k/koddeniyelim/ico-bullet.gif) 0 3px no-repeat; padding:1px 15px 5px 15px; margin:0; } blockquote { background-color:inherit; color:#999; font:italic 12px "Times New Roman",sans-serif; border-left:5px solid #ccc; padding:2px 15px; } span { background-color:inherit; color:#aaa; font:normal 11px Arial,sans-serif; padding:0; margin:0;} .clear { clear:both; } /* Wrapper */ #wrapper1 { width:800px; padding:0; margin:0 auto; } #wrapper2 { background:#fff; color:inherit; width:750px; padding:10px 0 0 15px; margin:0 auto; } /* Navigation Settings*/ ul.menu { list-style:none; padding:15px 0 0 0; margin:0; } ul.menu li { background:none; padding:0 10px; display:inline; } ul.menu li a { background-color:inherit; color:#eee; font-weight:bold; text-decoration:none; } ul.menu li a:hover { text-decoration:underline; } /* Header Settings */ #header { background:url(http://www.hizliupload.com/img/755795bg-header.gif) no-repeat; background-color:inherit; color:#fff; width:800px; height:200px; padding:0; margin:0 auto; } #title { width:275px; padding-top:25px; margin:0 auto;} #title h1 { font:bold 30px Arial,sans-serif; text-align:center; text-transform:uppercase; padding:0; margin:0; } #title a { background-color:inherit; color:#fff; } #topnav { padding:50px 25px 0 0; float:right; } /*Sidebar Settings */ #sidebar { width:250px; font-size:11px; padding:0; margin:0; float:left; } #sidebar h2 { background:url(https://img.webme.com/pic/k/koddeniyelim/bg-sidebar.gif) no-repeat; background-color:inherit; color:#eee; font:bold 12px Arial,sans-serif; text-transform:uppercase; padding:12px 0 12px 35px; margin:5px 0; } #sidebar ul { margin:17px 0 10px 12px; } #sidebar ul a { background-color:inherit; color:#666; font-weight:bold;} #sidebar ul a:hover { background-color:inherit; color:#399; } #sidebar ul span { display:block; } /*Content Settings */ #content { width:475px; text-align:left; padding:0; margin:0; float:left;} #content h1 { background:url(https://img.webme.com/pic/k/koddeniyelim/bg-postbar.gif) no-repeat; background-color:inherit; color:#fff; font:bold 12px Arial,sans-serif; text-transform:uppercase; padding:12px 0 12px 35px; margin:5px 0; } #content li { background:url(https://img.webme.com/pic/k/koddeniyelim/ico-list.gif) 0 3px no-repeat; padding:1px 15px 5px 20px; margin:0; } #content .item { padding:15px 10px 5px 15px; margin:0;} #content .item h2 { font:bold 13px Arial,sans-serif; padding:0; margin:0;} #content .item p { text-align:justify; padding:15px 0 0 0; margin:0; } /*Footer Settings*/ #footer { background:url(https://img.webme.com/pic/k/koddeniyelim/bg-footer.gif) no-repeat; background-color:inherit; color:#ccc; width:800px; height:50px; font-size:11px; margin:0 auto; } span#credits a { background-color:inherit; color:#888; text-decoration:none; } span#credits a:hover { text-decoration:underline; }

PORTAL TASARIMI(ÖZELLİKLE ÜYELERİ OLAN SİTELER İÇİN İDEAL)

TASARIM ÜSTÜ

<ul id="nav"> </ul>  <h1 id="title">DARK SHINE</h1>  <div id="wrapper">  <div id="top"> <ul> <li id="search"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">search</a></li> <li id="login"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">login</a></li> <li id="join"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Join!</a></li> <li id="chat"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Chat!</a></li> </ul> <span>total users: <strong>1,000,000</strong> currently online: <strong>100</strong> using IM: <strong>50</strong> new photos: <strong>99</strong></span> </div>  <div id="adspace"><p><p><a href="http://www.KAYNAKKODUM.TR.GG" _fcksavedurl="http://www.KAYNAKKODUM.TR.GG"><span style="color: #ffffff">WWW.KAYNAKKODUM.TR.GG</span></a></p></p></div>  <div id="main"> <h1>New Members</h1> <ul> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> </ul> </div>  <div class="content">

TASARIM ALTI

www.kaynakkodum.tr.gg </div> <div class="content"> <h1>Latest Posts</h1>  <ul class="hover_list"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hey guys what's up?</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">New template uploaded!</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Math sucks, lets all ban math</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Students' strike against raising tuition!</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Diagonal stripes are so cheesy</a></li> </ul> </div> <div class="content"> www.kaynakkodum.tr.gg </div> <div id="footer">Copyleft 2009. BEDAVA CSS TASARIMLAR | <a href="http://wwwk.kaynakkodum.tr.gg/" _fcksavedurl="http://wwwk.kaynakkodum.tr.gg/">HTML KODLAR</a> | <a href="http://www.kaynakkodum.tr.gg/" _fcksavedurl="http://www.kaynakkodum.tr.gg/">İCONLAR</a> | <a href="http://www.kaynakkodum.tr.gg/" _fcksavedurl="http://www.kaynakkodum.tr.gg/">WEBMASTER ARAÇLARI</a></div> </div>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} */ body { background: #90140C url(http://www.hizliupload.com/img/438329stripes.gif) repeat-x; background-position: 50% 40px; margin: 0; padding: 0; } a { color: #600000; font-weight: bold; text-decoration: none; } a:visited { color: #000; } a:hover { color: #90140C; } img { border: 0; } ul { list-style: none; } h1 { font: normal 1.2em arial, verdana, helvetica, sans-serif; margin: 23px 18px; text-align: left; } h2 { color: #333; font: bold 12px arial, verdana, helvetica, sans-serif; } #wrapper { width: 732px; margin: 0 auto; border: solid 15px #600000; border-bottom: none; background-color: #F3F3F3; height: auto; } #top { height: 28px; overflow: hidden; width: 100%; background: #000 url(https://img.webme.com/pic/k/koddeniyelim/stripes_small.gif) repeat-x; color: #fff; cursor: default; text-align: left; font: normal 10px/32px arial, verdana, helvetica, sans-serif; } #top strong { font: bold 11px arial; margin-left: 2px; margin-right: 6px; } #top span { display: inline; margin-left: 10px; float: left; clear: none; margin-top: -28px; } #top ul { margin: 0; padding: 0; float: right; clear: none; display: inline; } #top ul li a, #top ul li { display: block; float: right; width: 78px; height: 28px; text-align: center; text-decoration: none; color: #fff; font: bold 12px/32px arial, verdana, helvetica, sans-serif; overflow: hidden; } #top ul li a:hover { color: #000; } #chat a { background: #0086EE url(https://img.webme.com/pic/k/koddeniyelim/blue.jpg) no-repeat; } #join a { background: #F41100 url(https://img.webme.com/pic/k/koddeniyelim/red.jpg) no-repeat; } #login a { background: #ED700D url(https://img.webme.com/pic/k/koddeniyelim/orange.jpg) no-repeat; } #search a { background: #199B2C url(https://img.webme.com/pic/k/koddeniyelim/green.jpg) no-repeat; } #adspace { height: 67px; background: #86221B url(https://img.webme.com/pic/k/koddeniyelim/ad.gif) repeat-x; border-top: 1px solid #CA807C; border-left: 1px solid #A5514B; border-right: 1px solid #5B1D1B; border-bottom: 1px solid #3E1B19; font: normal 10px/100px verdana, arial, sans-serif; text-align: center; color: #fff; cursor: default; overflow: hidden; } #main { height: 246px; background: #FE8624 url(https://img.webme.com/pic/k/koddeniyelim/main.gif) repeat-x; border-top: 1px solid #FEC782; border-left: 1px solid #FEB154; border-right: 1px solid #D76C22; border-bottom: 1px solid #783C1C; overflow: hidden; } #main ul { width: 710px; overflow: hidden; margin: 0; padding: 0; margin-left: 15px; } #main ul li { float: left; text-align: center; margin-left: 25px; display: inline; } #main ul li a img { border: 3px solid #fff; } #main ul li a img:hover { border: 3px solid #FEE5C6; } #main ul li h2 { font: bold 11px arial, verdana, helvetica; margin-top: 10px; color: #000; } .content { float: left; width: 330px; margin: 20px 10px 0 20px; font: normal 11px/18px arial, verdana, helvetica, sans-serif; text-align: justify; display: inline; } .content h1, .content ul { margin: 0; padding: 0; } .content h1 { color: #8A0700; font: normal 2em arial, verdana, helvetica, sans-serif; margin-bottom: 20px; } .content h2 { margin: 20px 0 4px 0; } .content ul.hover_list li { border: 1px solid #783C1C; border-width: 0 0 1px 0; color: #600000; } .content ul.hover_list li a { height: 40px; color: #600000; display: block; line-height: 40px; padding-left: 15px; } .content ul.hover_list li a:hover, .content ul.hover_list li a:focus { background: #FD9339 url(https://img.webme.com/pic/k/koddeniyelim/hover_list.jpg) repeat-x; color: #fff; } #footer { height: 25px; background-color: #000; color: #fff; font: normal 10px/25px arial, verdana, helvetica, sans-serif; color: #999; text-align: center; border-top: 50px solid #F3F3F3; clear: both; } #footer a { color: #ccc; } body { background: #90140C url(http://www.hizliupload.com/img/438329stripes.gif) repeat-x; background-position: 50% 40px; margin: 0; padding: 0; } table {margin-left: auto;margin-right: auto}

THE DECAYED TASARIMI

TASARIM ÜSTÜ

<div id="container"> <div id="content"> <h1 id="site-title"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">KAYNAKKODUM.TR.GG</a></h1> <p id="site-description">another trash style website template</p> <h1 class="decay"><a href="http://www.kaynakkodum.tr.gg" _fcksavedurl="http://www.kaynakkodum.tr.gg">KAYNAK KODUM CSS TASARIMLAR</a></h1> <div class="clearer"><span></span></div> </div> </div> <div id="navigation"> <h2 class="decay">Something</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sociis natoque</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">semper</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">convallis</a></li> </ul> <h2 class="decay">Another thing</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">consequat molestie</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sem justo</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">semper</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sociis natoque</a></li> </ul> <h2 class="decay">Third and last</h2> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sociis natoque</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">magna sed purus</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">tincidunt</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">consequat molestie</a></li> </ul>

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} ,/*############################################################# Name: Decayed Date: 2007-05-12 Description: A dark trash style two-column website template. Wordpress theme version available at http://templates.arcsin.se/decayed-wordpress-theme/. Author: Viktor Persson URL: http://templates.arcsin.se Feel free to use and modify but please provide credits. #############################################################*/ /* standard elements */ html {min-height: 100%;} * { margin: 0; padding: 0; } a {color: #CC3;} a:hover {color: #FF3;} body { background: #000 url('http://www.hizliupload.com/img/390892body.gif') no-repeat; /* url(img/bg.jpg) repeat-x; */ color: #DDD; font: normal 62.5% "Trebuchet MS",Verdana,sans-serif; padding-left: 90px; } p,code,ul,ol {padding-bottom: 1.2em;} h1 { color: #CCC; font: normal 2em Impact,sans-serif; } h1 a { color: #000; text-decoration: none; } h1 a:hover { color: #F00; } h2 {font: normal 1.8em Tahoma,sans-serif;} h1,h2 {padding-top: 6px;} blockquote { color: #CCA; display: block; font-weight: bold; padding-left: 28px; } img {border: none;} img.right {margin: 5px 0 5px 12px;} img.left {margin: 5px 12px 5px 0;} img.border { background: #555; display: block; padding: 3px; } /* misc */ .clearer { clear: both; font-size: 0; } .left {float: left;} .right {float: right;} .decay,.decay-small { background: url('http://www.hizliupload.com/img/96872decay.gif') no-repeat left center; color: #000; font: normal 2em Impact,sans-serif; letter-spacing: 1px; padding: 0 0 12px 22px; } .decay-small { background: url('http://www.hizliupload.com/img/809522decay-small.gif') no-repeat left center; padding-top: 6px; } p.postinfo { border-top: 1px dashed #333; color: #666; font: bold 0.9em sans-serif; margin-bottom: 24px; padding: 8px; } p.postinfo a {color: #888;} p.postinfo a:hover {color: #CCC;} /* structure */ #container { font-size: 1.3em; } /* title */ #site-title {font: normal 3em Tahoma,sans-serif;} #site-title a { color: #DDD; text-decoration: line-through; } #site-title a:hover { color: #FFF; text-decoration: none; } #site-description {color: #CCC;} /* content */ #content { left: 360px; position: absolute; top: 90px; width: 610px; } #content .descr { color: #8DC63F; margin-bottom: 6px; } #content li {margin-left: 18px;} /* navigation */ #navigation { left: 120px; position: absolute; top: 290px; width: 210px; } #navigation h2 { color: #000; font-size: 1.5em; letter-spacing: 0; line-height: 30px; margin: 0; } #navigation ul {margin: 0 0 0 1em;} #navigation li {list-style: none;} #navigation li a { color: #777; font-size: 1.1em; line-height: 1.5em; text-decoration: none; } #navigation li a:hover {color: #8DCA3F;} /* footer */ #footer { border-top: 1px dashed #333; color: #666; font: normal 0.9em sans-serif; position: absolute; top: 100%; } #footer a { color: #999; text-decoration: none; } #footer a:hover { color: #CCC; text-decoration: underline; } #footer .left, #footer .right {padding: 10px 0;} #footer .right a {color: #777;}

SÜPER ROCK TEMASI

TASARIM ÜSTÜ

<div id="wrapper"> <div id="header"> <h1>www.YourSitename.com</h1> Your Slogan </div> <ul id="navtop"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> </ul> <div id="leftcolumn"> <ul id="navleft"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hyperlink</a></li> </ul> <h4>Gallery</h4> <div class="gallery"> <a class="thumbnail" href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/thumb1.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/thumb1.gif" width="50" height="50" alt="" /><span><img src="https://img.webme.com/pic/k/koddeniyelim/large1.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/large1.gif" alt="" /></span></a> <a class="thumbnail" href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/thumb2.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/thumb2.gif" width="50" height="50" alt="" /><span><img src="https://img.webme.com/pic/k/koddeniyelim/large2.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/large2.gif" alt="" /></span></a> <a class="thumbnail" href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/thumb3.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/thumb3.gif" width="50" height="50" alt="" /><span><img src="https://img.webme.com/pic/k/koddeniyelim/large3.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/large3.gif" alt="" /></span></a> <a class="thumbnail" href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/thumb4.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/thumb4.gif" width="50" height="50" alt="" /><span><img src="https://img.webme.com/pic/k/koddeniyelim/large4.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/large4.gif" alt="" /></span></a> <a class="thumbnail" href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="https://img.webme.com/pic/k/koddeniyelim/thumb5.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/thumb5.gif" width="50" height="50" alt="" /><span><img src="https://img.webme.com/pic/k/koddeniyelim/large5.gif" _fcksavedurl="https://img.webme.com/pic/k/koddeniyelim/large5.gif" alt="" /></span></a> <p>Latest photos</p> </div> <h4>Dates</h4> <p><strong>January 27</strong><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.</p> <p><strong>February 3</strong><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.</p> <p><strong>February 17</strong><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.</p> </div> <div id="rightcolumn">

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body {margin: 0;font: 0.7em/1.6em verdana, arial, helvetica, sans- serif;background: #f9eddf url(https://img.webme.com/pic/k/koddeniyelim/1222.jpg) repeat-x 0% 0%;letter-spacing: 1px;color: #1c3b5a;} #wrapper {width: 620px; margin: 0 auto;} #leftcolumn {margin: 0;padding: 4px 0 20px 0;display: inline;width: 310px;float: left;background: url(https://img.webme.com/pic/k/koddeniyelim/bg_left.jpg) no-repeat 0% 0%;} #rightcolumn {margin: 0;display: inline;padding: 4px 0 0 20px;width: 290px;float: left;background: url(https://img.webme.com/pic/k/koddeniyelim/bg_right.jpg) no-repeat 0% 0%;} #header {height: 150px;background: url(http://www.hizliupload.com/img/447810header.jpg) no-repeat 0% 0%;color: #ffff69;text-align: right;margin: 0;padding-right: 10px;font-size: 1.2em;} #header h1 {margin: 0;padding: 10px 0 5px 10px;color: #08ddfd;text-align: right;font-size: 1.3em;letter-spacing: 2px;} #subtitle {color: yellow;} #navtop {margin: 0 0 20px 0;padding: 0;float: left;background: url(https://img.webme.com/pic/k/koddeniyelim/bg_navtop.jpg) top right repeat-x;} #navtop li {display: inline;} #navtop li a {float: left;color: #000;padding: 8px 0 8px 0;text-decoration: none;background: transparent url(https://img.webme.com/pic/k/koddeniyelim/bg_navtop.jpg) top right repeat-x;border-top: 1px solid #d3bdbe; border-bottom: 3px solid #7d5e3f;outline:none;text-align: center;font-weight: normal; width: 124px;} #navtop li a:visited {color: #000;} #navtop li a:hover {color: black;background-image: url(https://img.webme.com/pic/k/koddeniyelim/bg_navtop_over.jpg);} #navleft {border-top: 1px solid #7d5e3f;border-bottom: 1px solid #7d5e3f;padding-left: 0; margin: 300px 0 10px 0; width: 302px;text-align: right;} #navleft li {list-style: none;margin: 0;padding: 6px;} #navleft li a {text-decoration: none;} #navleft li a:hover {text-decoration: underline;} a,a:link,a:visited,a:active {color: #b31176;outline:none;font-weight: bold;} a:hover {color: #b09172;text-decoration: none;} h1,h2,h3 {font-size: 1.5em;letter-spacing: 2px;color: #3f5e7d;margin-top: 0;} h4,h5,h6 {font-size: 1.3em;letter-spacing: 1px;color: #5e7d3f;} .imgparagraph {float: left;margin: 6px 10px 0 0;background: url(https://img.webme.com/pic/k/koddeniyelim/amp.gif) repeat 0% 0%;} .imgleft {float: left;margin: 6px 10px 0 0;} .imgright {float: right;margin: 6px 0 0 10px;} .gallery {position: relative;height: 285px;background: url(https://img.webme.com/pic/k/koddeniyelim/gallery.jpg) no-repeat 0% 60px;color: #f9eddf;text-align: right;} .gallery p {margin: 10px 18px 0px 0px;font-size: 1.2em;} .thumbnail img{border: 0;margin: 0 8px 0 0;} .thumbnail:hover{background-color: transparent;} .thumbnail:hover img{border: 0;} .thumbnail span{position: absolute;left: -1000px;visibility: hidden;text-decoration: none;} .thumbnail span img{border-width: 0;} .thumbnail:hover span{visibility: visible;top: 60px;left: 0px;z-index: 50; } #copyright {margin-top: 10px;padding: 5px 0 10px 0 ;font-size: .9em;border-top: 1px solid #7d5e3f;} #copyright a,#copyright a:link,#copyright a:active,#copyright a:visited {color: #b09172;}

MIDNIGHT TASARIMI

TASARIM ÜSTÜ

<div id="header"> <div id="logo"> <h1> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Midnight</a></h1> <h2>By Free CSS Templates</h2> </div> <div id="menu"> <ul> <li class="active"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Homepage</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">About Us</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Products</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Clients</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Support</a></li> </ul> </div> </div> <div id="wrapper"> <div id="content"> <div id="sidebar"> <div id="support"> <h2>Customer Support</h2> <h3>1-800-1234567</h3> </div> <div id="login" class="boxed"> <h2 class="title">Client Account</h2> <div class="content"> <form id="form1" method="post" action="#"> <fieldset> <legend>Sign-In</legend> <label for="inputtext1">Client ID:</label> <input id="inputtext1" type="text" name="inputtext1" value="" /> <label for="inputtext2">Password:</label> <input id="inputtext2" type="password" name="inputtext2" value="" /> <input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In" /> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Forgot your password?</a></p> </fieldset> </form> </div> </div> <div id="updates" class="boxed"> <h2 class="title">Recent Updates</h2> <div class="content"> <ul> <li> <h3>March 5, 2007</h3> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula…</a></p> </li> <li> <h3>March 3, 2007</h3> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh…</a></p> </li> <li> <h3>February 28, 2007</h3> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum…</a></p> </li> <li> <h3>February 25, 2007</h3> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam nequea…</a></p> </li> <li> <h3>February 20, 2007</h3> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros…</a></p> </li> </ul> </div> </div> </div> <div id="main">

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ * { margin: 0; padding: 0; } body { margin-top: 220px; background: #000000 url(http://www.hizliupload.com/img/584791img01.jpg) no-repeat center top; font: normal small Verdana, Arial, Helvetica, sans-serif; color: #999999; } h1, h2, h3 { color: #FFFFFF; } h2 { } h3 { } p, blockquote, ul, ol { margin-bottom: 1.4em; line-height: 1.8em; text-align: justify; } p { } blockquote { margin-left: 2em; margin-right: 2em; font-style: italic; } ul { margin-left: 3em; } ul li { } ol { margin-left: 3em; } ol li { } a { text-decoration: none; color: #FFFFFF; } a:hover { text-decoration: underline; } img { border: 4px solid #C4C2C2; } /* Boxed Style */ .boxed { margin-bottom: 20px; } .boxed .title { margin: 0; padding: 5px 0; background: url(https://img.webme.com/pic/k/koddeniyelim/img07.gif) repeat-x left bottom; font-size: 1em; } .boxed .content { padding: 15px; } /* Post */ .post { } .post .title { padding: 10px 0; background: url(https://img.webme.com/pic/k/koddeniyelim/img07.gif) repeat-x left bottom; font-size: 1.6em; font-weight: normal; } .post .date { padding-top: 5px; font-size: .8em; font-weight: normal; } .post .date .month { } .post .date .day { } .post .date .year { } .post .meta { padding-bottom: 10px; background: url(https://img.webme.com/pic/k/koddeniyelim/img07.gif) repeat-x left bottom; font-size: .8em; } .post .meta p { margin: 0; line-height: normal; } .post .story { padding: 20px; } /* Header */ #header { height: 61px; background: url(https://img.webme.com/pic/k/koddeniyelim/img02.gif) repeat-x; } /* Header > Logo */ #logo { width: 700px; height: 19px; margin: 0 auto; padding: 6px 0 0 0; } #logo h1, #logo h2 { text-transform: uppercase; letter-spacing: 1px; font-size: 11px; } #logo h1 { float: left; } #logo h2 { float: right; } #logo a { } /* Header > Menu */ #menu { width: 700px; height: 27px; margin: 0 auto; } #menu ul { margin: 0; padding: 7px 0 0 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; height: 25px; margin: 0 5px 0 0; padding: 2px 25px 0 25px; background: url(https://img.webme.com/pic/k/koddeniyelim/img03.gif) repeat-x; border: 1px solid #222222; text-align: center; font-size: 9px; font-weight: bold; color: #FFFFFF; } #menu a:hover { background-image: url(https://img.webme.com/pic/k/koddeniyelim/img04.gif); text-decoration: none; } #menu .active a { background-image: url(https://img.webme.com/pic/k/koddeniyelim/img05.gif); } /* Wrapper */ #wrapper { background: url(https://img.webme.com/pic/k/koddeniyelim/img06.gif) repeat-x; } /* Content */ #content { width: 700px; margin: 0 auto; padding: 20px 0 0 0; } /* Content > Main */ #main { float: right; width: 460px; } /* Content > Main > Welcome */ #welcome { padding-top: 5px; } /* Content > Main > Example */ #example { } /* Content > Sidebar */ #sidebar { float: left; width: 220px; } /* Content > Sidebar > Support */ #support { padding: 20px 15px; color: #FF8A00; } #support h2 { margin: 0; font-size: 1.3em; color: #FF8A00; } #support h3 { margin: 0; font-size: 1em; color: #FF8A00; } /* Content > Sidebar > Login */ #login { } #login form { } #login fieldset { border: none; } #login legend { display: none; } #login label { font-size: x-small; font-weight: bold; } #login input { margin-bottom: 5px; padding: 2px 5px; border: 1px solid #385B88; font-family: Verdana, Arial, Helvetica, sans-serif; } #inputtext1, #inputtext2 { color: #385B88; } #inputsubmit1 { background: #385B88; color: #FFFFFF; } #login p { font-size: .8em; } /* Content > Sidebar > Updates*/ #updates { } #updates ul { margin: 0; list-style: none; } #updates h3 { margin: 0; font: bold x-small Verdana, Arial, Helvetica, sans-serif; } #updates p { margin-bottom: 1.4em; font-size: smaller; line-height: normal; } /* Content > Sidebar > Partners*/ #partners { } #partners .content { padding: 10px 0; } #partners ul { margin: 0; border-bottom: 1px solid #D1BC5C; list-style: none; line-height: normal; } #partners li { padding: 10px; border-top: 1px solid #D1BC5C; } /* Footer */ #footer { clear: both; padding: 20px 50px; border-top: 4px solid #393F4D; background: #444C5D; } #footer p { width: 700px; margin: 0 auto; font-size: x-small; color: #FFFFFF; } #footer a { text-decoration: underline; color: #FFFFFF; } #footer a:hover { text-decoration: underline; } /* Footer > Legal */ #legal { } /* Footer > Links */ #links { }

MÜZİK WEBSİTESİ TEMASI

TASARIM ÜSTÜ

<div id="container">  <div id="page_title"> <h1><span>The Music Website</span></h1> </div>  <div id="header_image"><span> </span></div>  <div id="header_container_left"> <div id="header_container_right"> <div id="header_container"> <div id="page_header"> <div id="header_hidden"> </div>  <div id="header_punchline"> <h3><span>Your Punchline Goes Here</span></h3> </div>   <div id="header_menu"> <ul> <li id="menu_1"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>Home</strong></a></li> <li id="menu_2"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>About Us</strong></a></li> <li id="menu_3"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>Products</strong></a></li> <li id="menu_4"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>Services</strong></a></li> <li id="menu_5"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><strong>Contacts</strong></a></li> </ul> </div>   <div id="header_links"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">make your own music</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">grab the hottest tracks</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">read previews</a></li> </ul> </div>  <div class="clearthis"> </div> </div> </div> </div> </div>   <div id="maincontent_container"> <div id="maincontent">

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} * { margin: 0px; padding: 0px; } body { background: url('https://img.webme.com/pic/k/koddeniyelim/background.gif') #3e3437 repeat 0px 0px; color: #b1b0ae; font-family: verdana, arial, sans-serif; font-size: 11px; text-align: center; } a { color: #b1b0ae; text-decoration: underline; } a:hover { color: #8b8a89; } span { display: none; } img { border: none; } ul { list-style-type: none; } li { list-style-type: none; } p { margin: 10px 0px 20px; text-align: justify; line-height: 14px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #container { margin: 0px auto; width: 719px; text-align: left; } .link-more { font-size: 10px; font-family: tahoma, arial, sans-serif; font-weight: bold; text-align: right; line-height: 10px; } .link-more a { text-decoration: none; } /* Page Title */ #page_title { padding: 16px 0px 11px; } #page_title h1 { height: 34px; background: url('https://img.webme.com/pic/k/koddeniyelim/website_title.gif') no-repeat 50% 0%; } /* Page Header Containers */ #header_image { position: absolute; margin-left: 533px; width: 136px; } #header_image span { float: right; display: block; background: url('https://img.webme.com/pic/k/koddeniyelim/header_image.gif') no-repeat 0px 0px; position: relative; top: -28px; z-index: 1; width: 136px; height: 195px; } #header_container_left { padding-left: 61px; background: url('https://img.webme.com/pic/k/koddeniyelim/body_leftspeaker.gif') no-repeat 0px 5px; } #header_container_right { margin-right: 8px; padding-right: 53px; background: url('https://img.webme.com/pic/k/koddeniyelim/body_rightspeaker.gif') no-repeat 100% 5px; } #header_container { border: 1px solid #9d9898; } #page_header { width: 595px; height: 147px; background: url('https://img.webme.com/pic/k/koddeniyelim/header_background.gif') no-repeat 0px 0px; color: #fbc551; overflow: hidden; font-size: 10px; font-family: tahoma, arial, sans-serif; font-weight: bold; text-align: left; } #page_header a { color: #fbc551; } #page_header a:hover { color: #fbfe00; } #header_hidden { width: 145px; height: 147px; float: right; overflow: hidden; } /* Page Header Punchline */ #header_punchline { padding-top: 29px; width: 310px; float: right; } #header_punchline h3 { width: 310px; height: 13px; background: url('https://img.webme.com/pic/k/koddeniyelim/website_punchline.gif') no-repeat 0px 0px; } /* Header Navigation Menu */ #header_menu { padding-top: 28px; width: 140px; float: left; } #header_menu ul { margin-left: 19px; width: 73px; } #header_menu li { margin-bottom: 3px; border: 1px solid #ea7711; float: left; } #header_menu li a { display: block; width: 71px; height: 15px; text-decoration: none; overflow: hidden; } #header_menu li a:hover { background-image: none; background-color: #6c0528; } #header_menu li a b { display: block; margin-top: 1px; padding-left: 15px; } li#menu_1 a { background: url('https://img.webme.com/pic/k/koddeniyelim/menu_1_bg.gif') no-repeat 0px 0px; } li#menu_2 a { background: url('https://img.webme.com/pic/k/koddeniyelim/menu_2_bg.gif') no-repeat 0px 0px; } li#menu_3 a { background: url('https://img.webme.com/pic/k/koddeniyelim/menu_3_bg.gif') no-repeat 0px 0px; } li#menu_4 a { background: url('https://img.webme.com/pic/k/koddeniyelim/menu_4_bg.gif') no-repeat 0px 0px; } li#menu_5 a { background: url('https://img.webme.com/pic/k/koddeniyelim/menu_5_bg.gif') no-repeat 0px 0px; } /* Page Header Links */ #header_links { padding-top: 25px; width: 310px; float: right; } #header_links ul { padding-left: 2px; } #header_links li { padding-bottom: 3px; } /* Main Content Area */ #maincontent_container { margin: 1px 61px; padding: 18px 20px 12px; border: 1px solid #9d9898; background-color: #6c0528; } #maincontent { width: 555px; } #maincontent .divider { width: 555px; height: 1px; background: url('https://img.webme.com/pic/k/koddeniyelim/body_divider.gif') repeat-x 0px 0px; overflow: hidden; } /* Chartbusters */ #chartbusters { margin: 0px 1px 12px; width: 553px; } #chartbusters h2 { width: 78px; height: 20px; background: url('https://img.webme.com/pic/k/koddeniyelim/chartbusters_title.gif') no-repeat 0px 0px; } .chartbusters_entry { margin: 20px 0px 5px; width: 553px; } .chartbusters_thumbnail { margin-top: 2px; float: left; } .chartbusters_thumbnail img { border: 1px solid #978f8d; } .chartbusters_details { float: right; width: 450px; } .chartbusters_details p { margin: 1px 0px 10px; } #chartbusters .link-more { text-transform: lowercase; } #chartbusters .link-more a { color: #ffa329; } #chartbusters .link-more a:hover { color: #d88a23; } /* My Music Shop */ #musicshop { margin: 10px 1px 2px; width: 553px; } #musicshop h2 { width: 116px; height: 20px; background: url('https://img.webme.com/pic/k/koddeniyelim/musicshop_title.gif') no-repeat 0px 0px; } #musicshop .link-more { text-transform: lowercase; } #musicshop .link-more a { color: #a9c60f; } #musicshop .link-more a:hover { color: #89a207; } /* Page Footer */ #page_footer { margin: 10px 61px 10px; color: #fff; font-family: tahoma, arial, sans-serif; font-size: 11px; text-align: center; } #page_footer a { color: #fff; } #page_footer a:hover { color: #ceced0; }

ONLİNE FİLM TEMASI

TASARIM ÜSTÜ

<div id="wrapper"> <div id="inner"> <div id="header"> <h1><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/logo.gif" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/logo.gif" width="519" height="63" alt="Online Movie Store" /></h1> <div id="nav"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">HOME</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">view cart</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">help</a> </div>  <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_1.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_1.jpg" width="744" height="145" alt="Harry Potter cd" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_2.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_2.jpg" width="745" height="48" alt="" /></a> </div>  <dl id="browse"> <dt>Full Category Lists</dt> <dd class="first"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Action & Adventure</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Anime & Manga</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Art House & International</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Classics</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Comedy</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Cult Movies</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Drama</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">New & Future Releases</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Horror</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Musicals</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Mystery & Suspense</a></dd> <dd><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Science Fiction & Fantasy</a></dd> <dd class="last"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Westerns</a></dd> <dt>Search Your Favourite Movie</dt> <dd class="searchform"> <form action="http://www.free-css.com/" method="get"> <div> <select name="cat"> <option value="-" selected="selected">CATEGORIES</option> <option value="-">------------</option> </select> </div> <div> <input name="q" type="text" value="DVD TITLE" class="text" /> </div> <div class="softright"> <input type="image" src="http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/btn_search.gif" /> </div> </form> </dd> </dl> <div id="body"> <div class="inner"> <div class="leftbox">

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { font-family: tahoma, helvetica, arial, sans-serif; font-size: 10px; text-align: center; background: url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/page_bg.gif); } html, body, #wrapper, h1 { margin: 0; padding: 0; } th, td { font-size: 10px; } img { border: 0; } #wrapper { margin: auto; text-align: left; width: 748px; position: relative; } h1, h2, h3 { font-size: 10px; } h1 { margin: 0; padding: 0; } h2 { margin: 0 0 5px 0; padding: 0; } h3 { padding: 4px 0 0 0; } .block { display: block; } .clear { clear: both; height: 2px; padding-top: 0; margin-top: 0; margin-bottom: 3px; font-size: 1px; } .left { float: left; margin: 1px 8px 0px 0px; } .softright { text-align: right; } .readmore { text-align: right; } /* ***** */ #inner { border-left: 2px solid #fff; border-right: 2px solid #fff; background: white; color: black; margin-bottom: 10px; } #header { background: url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/header_bg.gif) repeat-x; padding-top: 9px; position: relative; } #header img { display: block; } #nav { position: absolute; left: 550px; top: 40px; width: 200px; } #nav, #nav a { color: white; font-weight: bold; text-decoration: none; } #nav a:hover { text-decoration: underline; } #browse { float: left; width: 195px; margin: 0; padding: 0; background: white; border-bottom: 2px solid white; } #browse dt { background: #c80000 url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/dt_bg.gif) bottom repeat-x; color: #fff; margin: 2px 2px 1px 2px; padding: 6px 0; text-align: center; font-weight: bold; } #browse dd { background: #227293; border-bottom: 1px solid #659db4; padding: 0; margin: 0 2px; } #browse dd a { color: white; font-weight: bold; text-decoration: none; display: block; padding: 3px 22px; } * html #browse dd { padding: 3px 22px; padding: 0; } * html #browse dd a { display: inline; display: block; } #browse dd a:hover { background: #74a7b7; } #browse .first { padding-top: 10px; } #browse .last { padding-bottom: 8px; border-bottom: 1px solid white; } #browse .searchform { padding: 10px; } #browse .text, #browse select { width: 160px; } #browse form { margin: 0; padding: 0; } #browse form div { padding-bottom: 8px; width: 165px; } #body { float: right; width: 543px; margin: 2px 1px 0 0; border: 1px solid #e5e5e5; position: relative; } #body p { margin: 1em 0; padding: 0; } #body .leftbox, #body .rightbox { margin-top: 5px; color: #464646; } #body .leftbox { float: left; width: 250px; } #body .rightbox { float: right; width: 252px; margin-right: 18px; border-left: 1px solid #e5e5e5; } * html #body .rightbox { margin-right: 10px; } #body .br { border-bottom: 1px solid #e5e5e5; } #body .readmore { margin-top: -0.5em; margin-bottom: 0; padding-bottom: 0; } #body .readmore a { color: #ad1c1c; } #body .readmore a:hover { color: #f73838; } #body h3 { text-align: center; font-family: "Keble Condensed", "KebleCondensed", "arial narrow", helvetica, arial, sans-serif; font-size: 15px; font-weight: normal; color: #5d5d5d; padding: 0 0 0 18px; margin: 1px 0 3px 0; } #footer { background: #c80000 url(http://www.free-css.com/assets/files/free-css-templates/preview/page23/online-movie-store/images/footer_bg.gif) repeat-x; padding: 8px 8px 5px 8px; position: relative; text-align: center; border-bottom: 2px solid white; } #footer, #footer a { font-weight: bold; color: white; text-decoration: none; } #footnav { position: absolute; text-align: right; right: 10px; top: 0px; padding: 8px 0 5px 0; }

DJ TASARIMI

TASARIM ÜSTÜ

TASARIM ALTI

<br /> <br /> </div> <div id="news"> <h3>Latest News</h3> <div class="newsitem"> <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" alt="Photo 1" border="0" /></a> <span>10.11.2006</span> <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p> </div> <div class="newsitem"> <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" alt="Photo 2" border="0" /></a> <span>10.11.2006</span> <p>Even more websites all about website templates on Just Web Templates.</p> </div> <div class="clear"></div> </div> <div id="dj"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" alt="Best DJ's" border="0" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" alt="special offer" border="0" /></a> <div class="clear"></div> </div> <div id="footer"> copyright information 2006.All rights reserved. | designed by <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a></div> </div>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { color: #97b15e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-color:#051c00; } .clear{clear:both;} * {margin: 0px;padding: 0px;} #container { margin: 0 auto; text-align: left; width: 767px; } a{color:#80ba04;} a:hover{color:#b7fb24;} /********************** Header ***************************/ #header { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/header.jpg); width:767px; height:404px; position:relative; } #header ul{ position:absolute; top:367px; left:100px; } #header li{ display:block; float:left; width:97px; } #header ul a{ color:#aefa0d; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 900; text-transform: capitalize; } #header ul a:hover{color:#97b15e;} /********************** Welcome ***************************/ #welcome { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/dj.gif); background-repeat: no-repeat; background-position: right top; } #welcome h3{ margin: 10px 10px 10px 110px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bolder; text-transform: uppercase; color: #7eae19;} #welcome p{ margin: 10px 10px 10px 110px;width:416px;} #welcome a{} /********************** News ***************************/ #news { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 10px 10px 10px 110px; } #news h3{ margin: 20px 10px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bolder; text-transform: uppercase; color: #7eae19; } .newsitem{float:left;width:275px; display:inline;} .newsitem a{} .newsitem img{float:left;margin-right:10px;} .newsitem span{ color:#97b15e; font-size: 9px; font-weight: 900; } .newsitem p{margin: 10px 10px 15px 10px;} /********************** Best DJ's ***************************/ #dj { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 30px 0px 0px 110px; } #dj img{border:0px;} #dj a{border:0px;float:left;} #dj a:hover{} /********************** Footer ***************************/ #footer { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 10px 10px 10px 110px; text-align:center; }

UÇAK TEMASI

TASARIM ÜSTÜ

<div id="body_wrapper">  <div id="company_header"> <div class="add_shadow"><div><div> <div id="company_logo"> <h1><span>Travel Agency</span></h1> </div> </div></div></div> </div>   <div id="nav_menu"> <ul> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Main Page</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Our Tours</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Destinations</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Hotel Guide</a></li> <li id="last"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Contacts</a></li> </ul> </div>   <div id="content_body">  <div id="left_column">  <div class="content_header"> <div class="add_shadow"><div><div> <div class="content_header2"> <h2>Travel Gallery</h2> </div> </div></div></div> </div> <div id="travelgallery">  <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_01.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_01.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>   <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_02.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_02.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>   <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_03.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_03.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>   <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_04.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_04.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>  <div class="clearthis"> </div> <div class="view_all"> <div class="add_shadow"><div><div> <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">View All Photos</a> </div></div></div> </div> </div>  </div>   <div id="right_column"> www.kaynakkodum.tr.gg

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} * { margin: 0px; padding: 0px; } body { padding: 10px 0px 10px; background-color: #484848; color: #fff; font-family: verdana, arial, sans-serif; font-size: 12px; text-align: center; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #e1d9a7; background-color: inherit; } span { display: none; } img { border: none; } ul { list-style-type: none; } li { list-style-type: none; } p { margin: 6px 0px 15px; text-align: justify; line-height: 14px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #body_wrapper { margin: 0px auto; padding: 2px 0px; width: 777px; background-color: #fcfcfc; color: inherit; text-align: left; } .add_shadow { float: left; background: url('https://img.webme.com/pic/k/kaynakkodum/shadow_bot.gif') no-repeat 0% 100%; } .add_shadow div { display: block; float: left; background: url('https://img.webme.com/pic/k/kaynakkodum/shadow_right.gif') no-repeat 100% 0%; } .add_shadow div div { display: block; float: none; padding: 0px 5px 5px 0px; background: url('https://img.webme.com/pic/k/kaynakkodum/shadow_rightbot.gif') no-repeat 100% 100%; } .add_shadow div div div { padding: 0px; background: none; } /* Company Logo */ #company_header { margin: 45px 10px; z-index: 1; position: absolute; } #company_logo { padding: 3px; background: url('https://img.webme.com/pic/k/kaynakkodum/company_poster.gif') #fff no-repeat 3px 3px; color: #000; } #company_logo h1 { display: block; background: url('https://img.webme.com/pic/k/kaynakkodum/company_logo.gif') no-repeat 50% 3px; width: 368px; height: 368px; } #company_logo h1 span { display: none; } /* Navigational Menu */ #nav_menu { margin: 0px 2px; width: 773px; background-color: #5c3424; color: #fff; border-bottom: #fff 2px solid; font-family: arial, sans-serif; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } #nav_menu ul { margin-left: 130px; width: 630px; height: 27px; overflow: hidden; } #nav_menu li { padding: 5px 11px 3px 10px; background: url('https://img.webme.com/pic/k/kaynakkodum/navmenu_div.gif') no-repeat 100% 7px; float: left; } #nav_menu li#last { padding-right: 10px; background-image: none; } #nav_menu a { text-decoration: none; } /* Content Body */ #content_body { margin: 0px 2px; padding: 17px 12px 15px 15px; background-color: #dddacc; border-bottom: #fff 2px solid; color: #000000; text-align: left; } #content_body a { background-color: inherit; color: #000000; } #content_body a:hover { background-color: #dddacc; color: #a64a26; } #content_body .content_header2 { display: block; border: #000 2px solid; } #content_body .content_header h2 { padding: 3px 0px; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; } #content_body .content_box { padding: 10px 15px 20px 6px; clear: both; float: none; } /* Left Column */ #left_column { margin-left: 5px; margin-top: 395px; width: 365px; float: left; } #left_column .content_header { padding-bottom: 45px; } #left_column .content_header h2 { width: 351px; background-color: #c4bea1; color: #545246; } /* Right Column */ #right_column { width: 353px; float: right; } #right_column .content_header h2 { width: 348px; background-color: #a64a26; color: #fff; } /* Travel Gallery */ #travelgallery { padding-bottom: 5px; float: none; clear: both; text-align: center; } .gallery_thumbnail { float: left; padding: 5px 5px 0px 0px; } .gallery_thumbnail .add_shadow { background-color: #000; color: #fff; } .gallery_thumbnail .add_shadow div div { padding-bottom: 3px; } .gallery_thumbnail .add_shadow img { margin: 1px; } #travelgallery .view_all { margin: 15px auto 0px; width: 154px; height: 26px; float: none; clear: both; } #travelgallery .view_all a { padding: 3px 5px; border: #000 1px solid; background-color: #c4bea1; color: #5c3424; display: block; font-weight: bold; font-family: arial, sans-serif; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; text-align: center; } #travelgallery .view_all a:hover { background-color: #be552c; color: #fff; } /* Page Footer */ #page_footer { margin: 0px 2px; padding: 7px 0px; width: 773px; background-color: #5c3424; color: inherit; font-size: 11px; font-weight: bold; text-align: center; }

SÜPER FOTO GALERİ TEMASI

TASARIM ÜSTÜ

<div id="templatemo_container"> <div id="templatemo_banner"> <div id="logo"></div>  <div id="search_section"> <form action="#" method="get"> <input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus_fckprotectedatt="%20onfocus%3D%22clearText(this)%22" onblur_fckprotectedatt="%20onblur%3D%22clearText(this)%22" /> <input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" /> </form> </div> </div>  <div id="templatemo_menu"> <ul> <li><a href="#" _fcksavedurl="#" class="current"><span></span>Home</a></li> <li><a href="#" _fcksavedurl="#"><span></span>Gallery</a></li> <li><a href="#" _fcksavedurl="#"><span></span>Blog</a></li> <li><a href="#" _fcksavedurl="#"><span></span>Forum</a></li> <li><a href="#" _fcksavedurl="#"><span></span>About Us</a></li> <li><a href="#" _fcksavedurl="#"><span></span>Contact Us</a></li> </ul> </div>  <div id="templatemo_content_wrapper"> <div id="templatemo_content"> <div class="column_w210 fl"> <div class="header_01"> Latest Blog Posts </div> <div class="latest_news"> <div class="header_03">[29-OCT-2024]</div> <div class="header_02"><a href="#" _fcksavedurl="#">Aenean a bibendum augue</a></div> <p>Praesent eu ligula quis nibh ullamcorper tempor non ultrices lacus.</p> </div> <div class="margin_bottom_10"></div> <div class="latest_news"> <div class="header_03">[28-OCT-2024]</div> <div class="header_02"><a href="#" _fcksavedurl="#">Nulla pharetra leo eget </a></div> <p>Vivamus condimentum justo id tortor rhoncus eu ornare sem malesuada. </p> </div> <div class="margin_bottom_10"></div> <div class="latest_news"> <div class="header_03">[27-OCT-2024]</div> <div class="header_02"><a href="#" _fcksavedurl="#">Vivamus metus justo</a></div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> </div> <div class="margin_bottom_10"></div> <div class="rc_btn_01"><a href="#" _fcksavedurl="#">Read All</a></div> <div class="cleaner"></div> </div>  <div class="column_w430 fl vl_divider">

TASARIM ALTI

<div class="cleaner"></div> </div>  <div class="column_w210 fl vl_divider"> <div class="header_01"> Categories </div> <ul class="category_list"> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li> <li><a href="#" _fcksavedurl="#">Aenean ac lobortis felis</a></li> <li><a href="#" _fcksavedurl="#">Cras eros dolor</a></li> <li><a href="#" _fcksavedurl="#">Vivamus orci velit</a></li> <li><a href="#" _fcksavedurl="#">Proin ultrices eros</a></li> <li><a href="#" _fcksavedurl="#">Aliquam ac nisl eget</a></li> <li><a href="#" _fcksavedurl="#">Praesent vehicula tellus</a></li> <li><a href="#" _fcksavedurl="#">Mauris egestas nunc</a></li> <li><a href="#" _fcksavedurl="#">Ut semper porta magna</a></li> <li><a href="#" _fcksavedurl="#">Donec ante risus</a></li> <li><a href="#" _fcksavedurl="#">Nunc bibendum neque</a></li> </ul> <div class="cleaner"></div> </div>  <div class="margin_bottom_20 h_divider"></div> <div class="margin_bottom_20"></div> <div class="column_w920"> <div class="column_w190 fl margin_right_40"> <a href="#" _fcksavedurl="#"><img src="images/templatemo_image_02.jpg" _fcksavedurl="images/templatemo_image_02.jpg" alt="image" /></a> <p>Nam sit amet justo vel libero tincidunt dignissim. Cras magna velit, pellentesque mattis, faucibus vitae, feugiat vitae. <a href="#" _fcksavedurl="#">Read more...</a></p> </div> <div class="column_w190 fl margin_right_40"> <a href="#" _fcksavedurl="#"><img src="images/templatemo_image_03.jpg" _fcksavedurl="images/templatemo_image_03.jpg" alt="image" /></a> <p>Pellentesque tortor metus, gravida ut aliquet non, iaculis nec nisi. Null am ornare, mauris vitae vehicula veh icula. <a href="#" _fcksavedurl="#">Read more...</a></p> </div> <div class="column_w190 fl margin_right_40"> <a href="#" _fcksavedurl="#"><img src="images/templatemo_image_04.jpg" _fcksavedurl="images/templatemo_image_04.jpg" alt="image" /></a> <p>Proin consequat interdum mauris id auctor. In justo dolor, luctus sed tristique vel, porttitor eu enim. In molestie vehicula pretium iaculis. <a href="#" _fcksavedurl="#">Read more...</a></p> </div> <div class="column_w190 fl"> <a href="#" _fcksavedurl="#"><img src="images/templatemo_image_05.jpg" _fcksavedurl="images/templatemo_image_05.jpg" alt="image" /></a> <p>Suspendisse odio erat, mattis in hend rerit id, iaculis at metus. Aliquam ligula justo, gravida sed pretium eu. <a href="#" _fcksavedurl="#">Read more...</a></p> </div> <div class="margin_bottom_15"></div> </div> <div class="cleaner"></div> </div>  </div>  <div id="templatemo_footer"> <ul class="footer_list"> <li><a href="#" _fcksavedurl="#" class="current">Home</a></li> <li><a href="#" _fcksavedurl="#">Gallery</a></li> <li><a href="#" _fcksavedurl="#">Blog</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">About Us</a></li> <li class="last"><a href="#" _fcksavedurl="#">Contact Us</a></li> </ul> <div class="margin_bottom_10"></div> Copyright © 2024 <a href="#" _fcksavedurl="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Free CSS Templates</a> <div class="margin_bottom_10"></div> <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" _fcksavedurl="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" _fcksavedurl="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a> </div>  </div>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* CSS Credit: http://www.templatemo.com */ body { margin: 0; padding: 0; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; background: #250d0b url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_bg.jpg) top repeat-x; } a:link, a:visited { color: #fcdd31; text-decoration: underline; font-weight: normal; } a:active, a:hover { color: #fcdd31; text-decoration: none; } p { margin: 0px; padding: 0px; } img { margin: 0 0 15px 0; padding: 0px; border: 3px solid #cccccc; } .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; } .margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px; } .margin_bottom_15 { clear: both; width: 100%; height: 15px; font-size: 1px; } .margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px; } .margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px; } .margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px; } .margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px; } .margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px; } .margin_right_40 { margin-right: 40px; } .margin_right_60 { margin-right: 60px; } .h_divider { background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_horizontal_divider.jpg) bottom repeat-x; } .vl_divider { background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_vertical_divider.jpg) left repeat-y; } .vr_divider { background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_vertical_divider.jpg) right repeat-y; } .fl { float: left; } .fr { float: right } .header_01 { padding: 0 0 10px 0; margin: 0 0 10px 0; font-size: 16px; color: #fbbc53; font-weight: bold; } .header_02 a { padding: 0 0 5px 0; font-size: 12px; font-weight: bold; color: #fbbc53; } .header_03 { padding: 0; font-size: 11px; color: #ffffff; font-weight: bold; } .rc_btn_01 a { clear: both; float: right; display: block; width: 100px; height: 25px; padding: 5px 0 0 0; font-size: 12px; text-align: center; color: #ffffff; font-weight: bold; text-decoration: none; border: none; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_button_01.jpg) no-repeat; } #templatemo_container { width: 960px; margin: 0 auto; padding: 0 10px; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_container_bg.png) repeat-y; } #templatemo_banner { width: 960px; height: 149px; margin: 0 auto; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_banner_bg.jpg) no-repeat; } #templatemo_banner #logo { float: left; margin: 30px 0 0 40px; width: 303px; height: 114px; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_logo.png) no-repeat; } #search_section { float: right; margin: 100px 20px 0 0; } #search_section form { float: right; margin: 0px; padding: 0px; } #searchfield { height: 16px; width: 180px; padding: 5px; margin: 0px; color: #ffffff; font-size: 12px; font-variant: normal; line-height: normal; background: #af1313; border: 1px solid #000000; } #searchbutton { height: 29px; margin: 0px; padding: 4px 6px 6px 6px; cursor: pointer; font-size: 12px; text-align: center; vertical-align: bottom; white-space: pre; color: #ffffff; background: none; border: 1px solid #000000; } /* menu */ #templatemo_menu { clear: both; width: 960px; height: 42px; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_menu_bg.jpg) repeat-x; } #templatemo_menu ul { float: left; margin: 0px; padding: 0 0 0 20px; list-style: none; } #templatemo_menu ul li { margin: 0px; padding: 0px; display: inline; } #templatemo_menu ul li a { position: relative; float: left; display: inline-block; height: 30px; width: 130px; margin-right: 10px; text-align: center; padding: 12px 0 0 0; font-size: 13px; font-weight: bold; text-decoration: none; color: #ffffff; outline: none; } #templatemo_menu li a:hover, #templatemo_menu li .current { position: relative; color: #ffffff; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_menu_hover_right.jpg) top right no-repeat; } #templatemo_menu li a:hover span, #templatemo_menu li .current span { position: absolute; display: inline-block; width: 15px; height: 42px; top: 0; left: 0; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_menu_hover_left.jpg) no-repeat; } /* end of menu */ /* content */ #templatemo_content { padding: 0 20px; } .column_w210 { padding: 0 20px; margin-top: 40px; width: 185px; /* width 205 */ } .column_w430 { padding: 0 20px; margin-top: 40px; width: 430px; /* width 470 */ } .column_w920 { width: 880px; padding: 0 20px; } .column_w190 { width: 190px; } .column_w430 p { text-align: justify; margin-bottom: 15px; } .latest_news { clear: both; padding-bottom: 10px; } .category_list { margin: 0px; padding: 0px; list-style: none; } .category_list li { display: inline-block; height: 20px; padding: 6px 0 0 25px; margin: 0 0 5px 0; background: url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_list_icon.jpg) top left no-repeat; } .category_list li a { color: #cccccc; text-decoration: none; font-size: 13px; font-weight: bold; } .category_list li a:hover { color: #fcdd31; } /* end of content */ /* footer */ #templatemo_footer { clear: both; width: 960px; padding: 20px 0 20px 0; text-align: center; border-top: 1px solid #8b8a8b; background: #343233 url(http://www.templatemo.com/templates/templatemo_110_lin_photo/images/templatemo_footer.jpg) no-repeat; } .footer_list { margin: 0px; padding: 0px; list-style: none; } .footer_list li { padding: 0 10px; display: inline; border-right: 1px solid #cccccc; } .footer_list li a { color: #cccccc; text-decoration: none; } .footer_list li a:hover { color: #fcdd31; } .footer_list .last { border-right: none; } /* end of footer */

SÜPER ARABA TEMASI

TASARIM ÜSTÜ

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} //* CSS Credit: http://www.templatemo.com */ body { margin: 0; padding: 0; line-height: 1.5em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #989898; background: #000000; } a:link, a:visited { color: #edad0f; text-decoration: none; font-weight: normal; } a:active, a:hover { color: #edad0f; text-decoration: underline; } .cleaner { clear: both; width: 100%; height: 1px; font-size: 1px; } p { margin: 0px; padding: 0px; } img { margin: 0px; padding: 0px; border: none; } .cleaner_w10 { float: left; width: 10px; height: 100%; font-size: 1px; } .cleaner_h10 { clear: both; width: 100%; height: 10px; font-size: 1px; } .cleaner_h20 { clear: both; width: 100%; height: 20px; font-size: 1px; } .cleaner_h30 { clear: both; width: 100%; height: 30px; font-size: 1px; } .cleaner_h40 { clear: both; width: 100%; height: 40px; font-size: 1px; } .cleaner_w50 { float: left; width: 50px; height: 1px; font-size: 1px; } .horizontal_divider_01 { clear: both; width: 100%; height: 2px; font-size: 1px; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_horizontal_divider.jpg) repeat-x; } .rc_btn_01 a { float: left; clear: both; display: block; width: 100px; height: 22px; padding: 4px 0 0 10px; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/tempatemo_button_01.jpg) no-repeat; color: #000000; font-size: 14px; font-weight: bold; text-decoration: none; } .rc_btn_01 a:hover { color: #996600; } #templatemo_container { width: 900px; margin: 0 auto; padding: 0 30px 10px 30px; } #templatemo_header { width: 900px; height: 178px; margin: 0px; padding: 0px; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_banner.jpg) no-repeat; } #templatemo_header #website_title { width: 900px; padding: 100px 0 0 0; text-align: center; } #website_title #title { font-size: 50px; font-weight: bold; color: #ffffff; margin-bottom: 15px; } #website_title #salgon { clear: both; font-size: 18px; font-weight: bold; color:#cccccc; } /* banner */ #templatemo_menu{ float: left; width: 900px; height: 70px; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_menu_bg.jpg) no-repeat; } #templatemo_menu ul { width: 600px; margin: 26px 0 0 160px; padding: 0px; list-style: none; } #templatemo_menu ul li{ display: inline; } #templatemo_menu ul li a{ float: left; padding: 0 20px; font-size: 14px; text-align: center; text-decoration: none; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_menu_divider.gif) top right repeat-y; color: #ffffff; font-weight: bold; outline: none; } #templatemo_menu li a:hover, #templatemo_menu li .current{ color: #edad0f; } /* end of menu*/ /* end of banner */ /* content */ #templatemo_content_wrapper { clear: both; width: 900px; margin:0 auto; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_content_repeat.jpg) repeat-y; } #templatemo_content { padding: 50px 100px 0 100px; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_content_top.jpg) top center no-repeat; } #templatemo_content img{ float: left; margin: 3px 15px 5px 0; border: 5px solid #10100f; } #templatemo_content p{ text-align: justify; margin-bottom: 20px; } #templatemo_content .content_title_01{ color: #edad0f; font-size: 24px; padding-bottom: 10px; margin-bottom: 15px; font-weight: bold; } #templatemo_content .content_title_02{ color: #edad0f; font-size: 18px; padding-bottom: 10px; margin-bottom: 15px; font-weight: bold; } #templatemo_content .column_02 { float: left; width: 325px; } #templatemo_content .news_section { padding-left: 30px; background:url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_icon_01.jpg) top left no-repeat; } #templatemo_content .column_02 p{ margin-bottom: 0px; } #templatemo_content .column_02 ul { margin: 20px 0 0 30px; padding: 0px; } #templatemo_content .column_02 li { padding: 0 0 5px 0; } #templatemo_content .news_title { font-weight: bold; color: #edad0f; } /* footer */ #templatemo_footer { clear: both; width: 900px; height: 35px; padding-top: 55px; color: #eca90e; text-align: center; background: url(http://www.templatemo.com/templates/templatemo_123_car/images/templatemo_footer.jpg) no-repeat; } #templatemo_footer a{ color: #eca90e; font-weight: bold; } /* end of footer */

Bugün 12 ziyaretçi AKTiFHiLE'de BURADAYDI.!

İletişim; HileAktif@Tr.GG

HiLE AKTiF

Koxp, 1810 Koxp, 1811 Koxp, 1812 Koxp, 1810 Multiclient, 1810 Oto Kutu, Knight Online, Chaos Koxp.

Koxp 1815,ChaosKoxp 1815,1815 koxp,ProKoxp 1815,GG Hack 1815,TT Hack 1815,Knight Online,Koxp indir

Css Tasarımları

Link Takas

Din Bölümü

Web Master.